<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>Document</title>
</head>
<body>
    <script>
        /* 
            请求接口  http://www.biwuit.cn/spboot/userLoginPostRequest

            为什么浏览器会报错？
                是因为该接口只能够接受POST请求，通过浏览器访问是属于GET请求
            There was an unexpected error (type=Method Not Allowed, status=405).

            错误信息：

            需要在请求的时候，加上头部信息

         */

         const request = new XMLHttpRequest();

         //2.创建一个与服务器的链接
         request.open("POST","http://www.biwuit.cn/spboot/userLoginPostRequest")

         //如果是post请求，要加上头部信息
         request.setRequestHeader("Content-Type","application/x-www-form-urlencoded")
         //XMLHttpRequest.timeout 是一个无符号长整型数，代表着一个请求在被自动终止前所消耗的毫秒数
         request.timeout = 1000;        //如果时间内没法发出请求，就失败

         //3.调用send方法，发送请求
         request.send("username=admin&password=66666")

         //4.通过 onreadystatechange 绑定一个回调函数
         request.onreadystatechange = function(){
             if(request.readyState==4&&request.status==200){
                 console.log("post异步请求完成")
                 console.log(request.responseText)
             }
         }
    </script>
</body>
</html>